// 定义混入指令，用于在非nvue环境下的flex定义，因为nvue没有display属性，会报错
@mixin vue-flex($direction: row) {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: $direction;
}

.fy_dropdown {position: relative;}
.fy_flex{@include vue-flex(row);align-items: center;padding: 10rpx 20rpx;
			border-radius: 40rpx;
			background-color: #fff;}
.fy_dropdown__menu{@include vue-flex(row);position: relative;align-items: center;justify-content: space-between;}
.fy_border-bottom{border-bottom: 1px solid #f2f2f2;}
.fy_dropdown__menu_mian{@include vue-flex(row);align-items: center;justify-content: space-between;flex: 1;}
.fy_dropdown__menu__center{display: flex;align-items: center;justify-content: flex-start;flex: 1;}
.fy_dropdown__menu__item {@include vue-flex(row);justify-content: center;align-items: center;margin-right: 20rpx;}
.fy_dropdown__menu__item__text{font-size: 28rpx;color: #606266;}
.fy_dropdown__menu__item__arrow{@include vue-flex(row);margin-left: 5rpx;margin-top: 3rpx;transition-property: transform;transition-duration: 0.3s; transform: scale(0.8);align-items: center;}
.rightClass{position: absolute;right: 0;margin-right: 0px;}
.popupClass{
	width: 600rpx;
	.topCenter{
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 44px;
		background-color: #f4f4f5;
		padding: 0 20rpx;
			
		
	}
	.popContent{
		padding: 20rpx 20rpx;
		// .textClass{
		// 	margin-bottom: 20rpx;
		// }
		.contentClass{
			margin-bottom: 40rpx;
		}
		.flexTotal{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			flex-wrap: wrap;

			.flexTag{
				margin-left: 10rpx;
				margin-right: 10rpx;
				margin-bottom: 10rpx;
				.active{
					/deep/ .u-tag--info{
							background-color: #3c9cff;
							border-color: #3c9cff;
					}
				
				}
			}
		}
	}
	.popupBottom{
			position: absolute;
			bottom: 0rpx;
			width: 100%;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 140rpx;
			background-color: #fff;
			padding: 0rpx 20rpx;
			.buttonClass{
				margin-left: 50rpx;
			}
		}
	
}
